/*全局控制*/

@charset "utf-8";
@font-face {
    font-family: "PingFangSC-Regular";font-weight: 400;src: url("../font/PingFangSC-Regular.woff2") format("woff2");
  }

*{box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 0.73vw/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}   
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 0.625vw; } /* 小于 0.625vw 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:0.625vw;}
caption,th {text-align:left;}  
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}     
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;} 
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none; cursor: pointer;}
/* a:visited {color:#000;text-decoration:none;} */
a:hover {text-decoration:none;}
/* a:active {color:#666;} */
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0;  max-width: 100%;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{ overflow-x: hidden; width: 100%; background:#fff;;font:0.73vw/1.05vw  "Noto Sans SC";font-weight:400;  color:#333; position: relative;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff; border: none;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:0.052vw; overflow:hidden; display:block;}
.bl5 {clear:both; height:0.26042vw; overflow:hidden; display:block;}
.bl10 {clear:both; height:0.521vw; overflow:hidden; display:block;}
.bl15 {clear:both; height:0.78125vw; overflow:hidden; display:block;}
.bl20 {clear:both; height:1.05vw; overflow:hidden; display:block;}
.bl30 {clear:both; height:1.5625vw; overflow:hidden; display:block;}
.bl40 {clear:both; height:2.1vw; overflow:hidden; display:block;}
.bl50 {clear:both; height:2.61vw; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-0.052vw;}
.hr_1,.hr_10{font-size:0.052vw;line-height:0.052vw;clear:both;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.aui-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
._block{ display: block;}
.d-flex{ display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.align-items-center{align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;}
.justify-content-center{
    -webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit--moz-box-pack:center;
}
.justify-content-space-between{
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    box-pack:space-between;
    -webkit--moz-box-pack:space-between;
}
.flex-direction-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.justify-content-space-around{
    -webkit-justify-content:space-around;
    justify-content:space-around;
    /* -moz-box-pack:center;
    box-pack:center;
    -webkit--moz-box-pack:center; */
}
.flex-wrap{flex-wrap: wrap;}
.ft20{font-size:  1.04vw;}
.ft18{font-size:  0.9375vw;}
.ft16{font-size:   0.83vw;}
.ft14{font-size:   0.72vw;}
.ft12{font-size:  12px;}
.header{
    height: 5.2vw;
    color: #fff;
   width: 100%; z-index: 10;
    padding: 0 9.3vw;
    transition: all .8s ease; background: #fff;
}
.header.whiteBg{border-bottom: #ECECEC 0.052vw solid; background: #FFFFFF;}
.header .logo{height:100%;width: 11.61vw;}
.header .logo a{ height: 100%;}
.header .logo .img2{display: none;}
.header .logo img{position: relative;top: 50%;transform: translateY(-50%);}
.header .logo .img1{display: block;}
.head-nav{margin-left: 5.21vw;}
.head-nav li{float: left; position: relative;margin-right: 3.9vw;}
.head-nav li>a{
    font-size: 0.9375vw;
    font-weight: 500;
    color: #333;
    line-height: 5.2vw;
    position: relative;
    display: block;
}
.head-nav li>a::after{ content: '';width: 0; height:  0.15625vw;
    background: #01409A; position: absolute; left: 50%; bottom: 0; transition: all .5s;}
.head-nav li.on>a::after,.head-nav li:hover>a::after{ width: 100%;
    left: 0;}
.head-nav li.on>a,.head-nav li .nav-child a:hover,.head-nav li:hover>a{ color: #01409A;}
.head-nav li .nav-child{ position: absolute; left: -3.39vw; width: 10vw;
    background: #FFFFFF; opacity: 0;top: 3.125vw; z-index: 10;transition: all .5s;
    box-shadow: 0.052vw  0.1042vw 0.521vw 0px rgba(0,0,0,0.24); visibility: hidden;}
.head-nav li .nav-child a{ display: block;padding: 0.9375vw 0; font-size: 0.9375vw; text-align: center;}
.head-nav li:hover .nav-child{ opacity: 1; top: 4.6875vw; visibility: visible;}
.head-nav li.lang a{color: #01409A;}
.head-phone {
    height: 100%;
    
}
.head-phone .search span{
    width: 1.5625vw;
    height: 100%;
    background: url(../img/searchIco-w.png) no-repeat center; background-size: 78%;
}
.head-phone   .phone{ font-size: 0.9375vw;}
.head-phone   .phone i{margin-right: 7px; width: 1.05vw; height: 1.05vw;background: url(../img/phoneIco-w.png) no-repeat center; background-size: 100%;}

.line{ color: #fff;
    opacity: 0.8; margin: 0 19px;}
.search-input{ background: #fff; padding:  0.15625vw 0.26042vw  0.15625vw 0.521vw;box-shadow: 0px  0.1042vw 0.521vw 0px rgba(0,0,0,0.1);
    position: absolute; border-radius:1.5625vw ;    z-index: 5;
    font-size: 0.73vw; top: 95px; left: -3.125vw;width: 225px; opacity: 0; visibility: hidden; transition: all .5s;
}
.search-input.show{ opacity: 1; visibility: visible;}

.search{height: 100%; position: relative;}
.search-input .text-input{width: 11.375vw; height: 1.5625vw; vertical-align: middle; font-size: 0.78125vw; text-indent: 0.521vw;}
.submit{background: url(../img/searchIco.png) no-repeat center; padding: 9px;}
.phoneNumber{ background: #013E97;  color: #fff; font-size: 14px; height: 5.2vw; padding: 0 10px;}
.phoneNumber img{ margin-bottom: 0.52vw; width: 1.56vw;}
.headMenu{ position: absolute; top: 5.2vw; left: 0; width: 100%; height: 5.2vw; background-color: #013E97; z-index: 10;}
.headMenu::before{content: '';width: 40px;  height: 1px;  background: #F4F4F4; opacity: 0.5; position: absolute; top: 0; left: 50%;transform: translateX(-50%);}
.headMenu i{display: block;width: 1.46vw; height: 1.15vw; background: url(../img/menu.png) no-repeat center; background-size: 100%;}
.banner {
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

.banner .slide,
.banner .swiper-slide{
    width: 100% !important;
    /* height: 710px; */
}
.banner a{ display: block;}
.banner .swiper-pagination-bullet{
    opacity: .7;
    width: 2.60vw;
    height: 0.16vw;
    background: #FFFFFF;
    border-radius: 0;
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
}
.banner .swiper-pagination-progressbar{
    width: 7.81vw;
    height: 0.16vw;
    background: rgba(255,255,255,.7);
    bottom: 0;
    left: 0;
    top: auto;
}
.origin-video-box{height: 43.75vw; overflow: hidden;} 
.origin-video-box .video-js .vjs-big-play-button{width: 5.00vw; height: 5.1vw;}
.pagination{ position: absolute; bottom:70px ;
left: 100px; z-index: 100;}
.navigations{position: absolute; bottom:70px ;
    right: 100px; z-index: 100;  
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.navigations>div{margin: 0 20px;}
.navigations i{ transition: all .3s; display: inline-block; width: 19px; height: 37px; background: url(../img/icon9.png) no-repeat;}
.navigations .button-prev i{ background-position: 0 0;}
.navigations .button-next i{ background-position: -81px 0;}
.navigations i:hover{background: url(../img/icon10.png) no-repeat;}
.navigations .button-prev i:hover{ background-position: 0 0;}
.navigations .button-next i:hover{ background-position: -81px 0;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #FFFFFF;
}
.swiper-num{
    margin-bottom: 15px;
    color: #fff;
    font-size: 24px;
}
.swiper-num .total{ font-size: 20px;}
.max-width{ padding: 0 9.3vw;}
.posi-relative{ position: relative;}
.divTilte h4{ color: #333333; font-size:  2.92vw; font-weight: bold;font-family: "YouSheBiaoTiHei"; }
.divTilte h4 span{color: #013E97;}
.divTilte em{font-weight: bold; font-size: 8.33vw; z-index: -1;
    color: #F6F8FF;opacity: 0.5; position: absolute; top: 0; right: -2.05vw;}
.indexProduct{margin-top: 3.1vw;}
.indexProduct img.title{width: 33.96vw;}
.divTilte a{position: absolute;top: 0; right: 0; width:  8.85vw; height: 3.125vw; line-height: 3.125vw; background: #ECECEC; border-radius: 1.56vw;transition: all .5s ease;}
.divTilte a i{display: inline-block;width: 0.94vw; margin-left: 5px; transition: all .5s ease;
    height: 0.73vw; background: url(../img/ico8.png) no-repeat; background-size: 100%;}
.divTilte a:hover{ background: #013E97; color: #fff;}
.divTilte a:hover i{ background: url(../img/ico9.png) no-repeat; background-size: 100%; display: none; }
.productName{ margin-top:  2.6vw;}
.productName .swiper-slide {padding: 10px 0;}
.productName .swiper-slide a{width: 12.50vw;
    height: 4.90vw;
    background: #014099; padding:  1.04vw;
    border-radius: 4px; color: #fff;}
.productName .swiper-slide a::before{content: '';background: url(../img/sico2.png) no-repeat; background-size: 100%; width:2.3vw; height: 2.5vw; position: absolute; top: 15px; right: 10px;}
.productName .swiper-slide.active a::before{background: url(../img/sico1.png) no-repeat; background-size: 100%;}
.productName .swiper-slide a b{font-weight: 400; margin-bottom: 10px;}
.productName .swiper-slide.active a{ background: #fff; color: #333; box-shadow: 0px 2px 10px 3px rgba(0,0,0,.05); }
.productName .swiper-slide.active a b{font-weight: bold;}
.productName .swiper-slide.active a em{color: #999;}
.productName .arrow,.honorSwiper .arrow {width: 1.88vw;
    height: 1.88vw;
    background: #EDEDED;
    border-radius: 50%;  position: absolute; top: 50%; transform: translateY(-50%);}
.productName  .button-next1,.honorSwiper  .button-next2{ right: -55px; background: url(../img/ico9-r.png) no-repeat; background-size: 100%;}
.productName  .button-prev1,.honorSwiper  .button-prev2{ left: -55px; background: url(../img/ico9-l.png) no-repeat;background-size: 100%;}
.productName  .button-next1:hover,.honorSwiper  .button-next2:hover{background: url(../img/ico10-r.png) no-repeat; background-size: 100%;}
.productName  .button-prev1:hover,.honorSwiper  .button-prev2:hover{background: url(../img/ico10-l.png) no-repeat; background-size: 100%;}
.productList li{width: 19.06vw; 
    height:  22.03vw; position: relative;
    background: #014099; padding: 1.56vw 1.45vw;
    border: 1px solid #DDDDDD; margin-right: 1.8vw;
    border-radius: 4px; transition: all .5s;}
.productList li:nth-child(4n){ margin-right:0;}
.productList li:hover{ background: #fff;}
.productList li i{width: 100%; height: 9.79vw;border-radius: 4px; overflow: hidden;}
.productList li p{ margin-top: 1.04vw ;font-weight: bold;
    color: #FFFFFF;}
.productList li:hover p{color: #333;}
.productList li  .moreIco{ position: absolute; bottom: 2.6vw; left: 50%; transform: translateX(-50%);width: 1.67vw;
    height: 1.67vw; background: url(../img/ico12.png) no-repeat; background-size: 100%;}
.productList li:hover .moreIco{background: url(../img/ico11.png) no-repeat;}
.productList{ margin-top: 2.6vw;}
.productList ul{ padding-right: 1px;}
.marginRight0{ margin-right: 0 !important;}
.indexCase{margin-top: 3.91vw;}
.indexCase .title{width: 37.66vw;}
.caseContent{ margin-top:  3.12vw;}
.caseList {}
.caseList dl{
    width: 20.83vw;
height:  33.33vw; position: relative;  margin-right: 2.13vw; overflow: hidden; transition: all .5s ease;
}
.caseList dt,.caseList1 dt{
    width: 100%; height: 100%;transition: all .5s ease;
}
.caseList dt img,.caseList1 dt img{display: block; width: 100%;}
.caseList dd,.caseList1 dd{ position: absolute;color: #fff; top: 0;left: 0;width: 100%; height: 100%;}
.caseList dd em,.caseList1 dd em{font-weight: bold;line-height: 180%; font-size: 1.6vw; }
.caseList dd p{}
.caseList1{width:  35.41vw;}
.caseList1 dl{width:  35.41vw;  height: 15.62vw;position: relative; overflow: hidden;transition: all .5s ease;}
.caseList1 dl:first-child{ margin-bottom: 2.08vw;}
.caseList dl:hover dt,.caseList1 dl:hover dt{transform: scale(1.06);}
.indexAbout{ margin-top: 3.13vw;}
.indexAbout img.title{
    width: 34.95vw;
}
.index-about .about-txt{width: 41.67vw;margin-top: 3.04vw; }
.index-about .about-txt h3{font-size: 1.88vw; color: #000;font-weight: bold;}
.index-about .about-txt  p{ font-size: 0.83vw; margin: 2.08vw 0 1.04vw;
    line-height: 180%;}
.index-about .about-txt .more{width: 10.10vw;
    height: 2.71vw; display: block;
    background: #F4F5F6;
    border: 1px solid #B3B3B3; line-height: 2.71vw; text-align: center;
    border-radius: 4px;font-size:  0.83vw;color: #666666;}
.index-about .about-pic{}
.index-about .about-pic>div{
    width: 26.88vw;
    height: 20.365vw;
background: #182E7A;
border-radius: 10px;
}
.index-about .about-pic>div img{ border-radius: 4px;   box-shadow: 0px 2px 10px 3px rgba(0,0,0,.05);max-width: 30.625vw; position: relative; margin-top: 1.82vw; margin-left:-5.8vw;}
.index-about .about-txt .more:hover{ background: #013E97; color: #fff;}
.about-num1{ margin-top: 2.60vw;}
.about-num1 li{float: left; width: 25%; text-align: center; position: relative;}
.about-num1 .num{color: #013E97 ; font-size: 1.56vw;font-weight: bold;}
.about-num1 .num span{ font-size: 2.08vw;}
.about-num1 .txt{ font-size: 0.83vw; color: #666; margin-top: 1.04vw;}
.about-num1 li::after{ content: '';width: 1px;
    height: 3.44vw;
    background: #EBEBEB; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.about-num1 li:last-child::after{display: none;}

.honorTitle{border-bottom: #EBEBEB 1px solid; margin-top: 5.21vw;}
.honorTitle a{ display: inline-block; padding: 1.04vw; margin: 0 1.04vw; position: relative;}
.honorTitle a.active,.honorTitle a:hover{font-weight: bold;
    color: #013E97;}
.honorTitle a.active::before,.honorTitle a:hover::before{content: '';width: 28px;
    height: 2px;
    background: #013E97; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.honorSwiper .swiper-slide{margin-top: 2.60vw;}
.honorSwiper .swiper-slide img{
    display: block;
    width: 100%;

}
.honorSwiper .swiper-slide  p{font-size: .94vw; text-align: center;margin-top: 10px;}



.indexNews{  margin: 4.43vw auto ;}
.indexNews .img.title{width: 46.77vw;}
.indexNews .moreBtn { margin: 0;}
.indexNews .moreBtn a{border: 1px solid #C8C8C8; color: #666;}
.indexNews .moreBtn a em{ color: #666;}
.indexNews .moreBtn a:hover,.indexNews .moreBtn a:hover em{color: #fff;}
.newsContent{margin-top: 2.60vw;}
.newsContent dl{width: 27.40vw;margin-right: 1.56vw; background: #fff;overflow: hidden;box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);}
.newsContent dt{width: 100%; height: 15.94vw; overflow: hidden; transition: all .5s ease;}
.newsContent dd{ padding: 1.04vw  1.56vw;}
.newsContent dd span{ display: block;color: #999999;}
.newsContent dd a{font-weight: 500;color: #013E97; font-size: 1.04vw; margin: .5vw 0 .7vw;}
.newsContent dd p{color: #666666; font-size: 0.83vw; line-height: 180%;}
.newsContent dd img{ margin-top: 1.56vw; width: 21px;}
.newsList{width: 53.8vw;}
.newsTop{}
.newsTop .lists{width: 25.36vw;}
.newsName{font-size: 1.04vw;font-weight: bold; padding-left: 15px; position: relative; margin-bottom: 1.04vw;}
.newsName::before{content: '';width: 4px;
    height: 4px;
    background: #013E97; position: absolute; left: 0; top: 50% ;margin-top: -2px;}
.newsTop a{width: 100%; padding: 1.56vw; position: relative;background: #FFFFFF; box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);}
.newsTop a span{font-weight: 500; color: #333333; font-size: 1.04vw;}
.newsTop a em{font-weight: 400; margin: 1.04vw 0 2.6vw;
    color: #999999; font-size: 0.83vw;}
.newsTop a  p{color: #666666;font-size: 0.83vw; line-height: 160%;}
.newsTop a::before{content: ''; width: 1px; height: 7.81vw;background: #EDEDED;
    opacity: 0.5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.newsBottom ul{width:  25.36vw;
    height: 12.66vw;padding: 1.56vw;
    background: #FFFFFF;
    box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);}
.newsBottom ul li{ margin-top: 1.3vw; color: #999999;font-size: 0.83vw; line-height: 160%;}
.newsBottom ul li a{position: relative; padding-left:12px; color: #333; width: 70%; }
.newsBottom ul li i{ font-style: normal;}
.newsBottom ul li a::after{content: '';width: 5px;
    height: 5px;
    background: #013E97;
    border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.newsBottom ul li:first-child{margin-top: 0;}
.indexCy{ margin-top: 4.17vw;}
.indexCy img.title{ width: 20.89vw;}
.indexCy ul{ margin: 2.05vw auto 4vw;}
.indexCy li{width: 16.66%; height: 7.29vw; float: left; border: #F0F1F5 1px solid; transition: all .5 ease; overflow: hidden;}
.indexCy li img{display: block; width: 100%;}
.indexCy li:hover{    box-shadow: 0px 2px 10px 3px rgba(0,0,0,.05);}
.backimage{ background-repeat: no-repeat;background-position: center; background-size: cover;}
.link{background: #2A323E;
    padding:1.04vw 8.33vw;
}
.link>img{width: 5.78vw;}
.link .swiper-slide a{font-size: 0.83vw; color: #fff; padding: 0 1.5vw;}
.linkswiper{ margin: 0;}
.link .swiper-slide{width: auto;}
.linknext img{width: 1.88vw;}
.linknext{margin-left: 1.04vw;}
.footer{ background: #19202A;}
.foot-top>div{ margin-top: 4.17vw;width: 25.78vw;}
.foot-top p.title{font-size: 1.04vw;margin-bottom: 2.04vw;
    color: #FFFFFF; position: relative; padding-bottom: 1.04vw;}
.foot-top p.title i{ display: inline-block;width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%; vertical-align: middle; margin: 0 .3vw;}
.messages{margin-top: .4vw; }
.foot-top p.title::after{
    width: 100%;
height: 1px;
background: #29303A;
content: ''; position: absolute; bottom: 0; left: 0;
}
.messages li{ line-height: 180%;margin-top: .5vw; font-size: .83vw; color: #fff;}
.messages li span{opacity: .8;}
.copyright{padding: 1.04vw 8.33vw; margin-top: 3.13vw;}
.copyright>div{ color: rgba(255,255,255,.4); font-size: 14px;}
.copyright>div a{color: rgba(255,255,255,.4);}
.copyright>div a:hover{text-decoration: underline;}
.f-ewm img{display: block;width: 7.81vw;
    display: block;}
.f-ewm span{font-size: 0.73vw; color: #fff; opacity: .8; text-align: center; margin-top: 0.52vw;}

.foot-top>div.f-ewm{width: auto;}
.f-ewm>div{margin-right: 1.35vw; margin-top: 2.08vw;}
.foot-nav a{display: inline-block; margin-right: 3.65vw; color: #FFFFFF; opacity: .8; font-size: .83vw; line-height: 180%; margin-top: .4vw;}
.navs1 a{ margin-right: 1.04vw;}
.navs2 a:nth-child(4n){margin-right: 0;}
.foot-nav{width: 100%;}
.foot-nav a:hover,.link .swiper-slide a:hover,.newsTop a:hover span,.newsBottom ul li a:hover{ color: #013E97; opacity: 1;}
.newsContent dl dt:hover{transform: scale(1.06);}

.textInput{width: 408px;
    height: 2.39vw; color:#fff;
    border: 1px solid #3C4551; background: transparent;
    border-radius: 4px; padding-left: 1.04vw; margin-bottom: 1.04vw;}
.textarea{ color:#fff;
    border: 1px solid #3C4551; background: transparent;margin-bottom: 1.04vw;
    border-radius: 4px; padding:.7vw 1.04vw; height:  8.3vw;  width: 100%;
} 

.submitCode .code input{border: 1px solid #3C4551;background: transparent;
    border-radius: 4px; height: 2.39vw;padding-left: 1.04vw; width: 7.81vw;}
.submitCode .submit{background: #013E97; width:  8.85vw;
    border-radius: 4px; height: 2.39vw; color: #fff;}
.submitCode .code img{ width:3.23vw ;}
/*float_menu*/
.float_menu{ position: fixed; bottom: 7.1875vw; right: 2.60%; z-index: 1004;}
.float_menu li{ position: relative; margin-top: 0.521vw;}
.float_menu li i{width: 100%; height: 2.1vw; display: block; background-size: 40%;}
.float_menu li a.f_m_a0{ display:block; width:  3.4375vw; text-align: center;
    height: 3.9583vw; padding-top: 0.26042vw;
    background: #FFFFFF;
    box-shadow: 0 0.42vw .99vw 0 rgba(204,204,204,0.5);}
.float_menu li a.f_m_a0 .iconfont{ font-size: 1.3542vw;}
.f_m_cover{ position:absolute; top: 50%; padding-right: 0.84vw; right:100%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: 15.625vw; }
.f_m_cover_inner{ position: relative; background: #fff; color: #333; border-radius: 0.26042vw; box-shadow:  0.1042vw 0 0.625vw 0 rgba(0,0,0, .10); line-height: 4.0625vw;  min-height: 3.9583vw; font-size: 0.9375vw;}
.f_m_cover_inner:before{ content: ""; position:absolute; top:50%; left: 100%; transform:translateY(-50%) rotate(-90deg); border-width:0.3125vw; border-style:solid solid solid; border-color:#fff transparent transparent; }
.float_menu li .f_m_cover b{ letter-spacing: -0.03em; font-family: "Arail"; color: #013E97;}
/* .float_menu li:hover a.f_m_a0{ background-color: #cc0001; color: #fff;} */
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}
.f_m_cover_inner img{ display: block; width: 6.5104vw; height: 6.5104vw; margin:0 auto;}
.f_m_call .f_m_cover_inner{ padding: 0.78125vw;}
.icon_kefu{ background: url(../img/sibarico1.png) no-repeat center; }
.icon_qq{ background: url(../img/sibarico2.png) no-repeat center; }
.icon_dianhua2{background: url(../img/sibarico3.png) no-repeat center;}
.icon_zx{ background: url(../img/sibarico4.png) no-repeat center; }
.icon_TOP{background: url(../img/sibarico5.png) no-repeat center;}
.float_menu li:hover a.f_m_a0{ background: #013E97; color: #fff;}
.float_menu li:hover .icon_kefu{ background: url(../img/sibarico1-w.png) no-repeat center; }
.float_menu li:hover .icon_qq{ background: url(../img/sibarico2-w.png) no-repeat center; }
.float_menu li:hover .icon_dianhua2{ background: url(../img/sibarico3-w.png) no-repeat center; }
.float_menu li:hover .icon_zx{ background: url(../img/sibarico4-w.png) no-repeat center; }
.float_menu li:hover .icon_TOP{ background: url(../img/sibarico5-w.png) no-repeat center; }


/* 内页 */
.width1300 {
    width: 68vw;
    margin: 0 auto;
}

.insideBan{ position: relative;
    width: 100%; display: flex; justify-content: center; align-items: center;
}
.insideBan img.bg{ display: block; width: 100%; opacity: 0;}
.insideBan .width1300{ text-align: right; position: absolute; bottom: 20px; color: #fff;}

.insideBan .width1300 a{ color: #fff;}
.product-nav{width: 20%;}
.product-nav li{width:  13.02vw;height:  2.18vw; position: relative; margin-bottom: 1.04vw;background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);border-radius: 1.0vw; padding-left: 1.04vw; line-height: 2.18vw;}
.product-nav li a{display: flex; align-items: center; font-size: .84vw; color: #666; vertical-align: middle;}



.content-center{padding: 40px 0 140px; position: relative;}
.product-nav li::before{ content: '';width: 10px; height: 10px;background: url(../img/icon14.png) no-repeat;position: absolute; right: 10px; top: 50%; margin-top: -5px;}
.product-nav li:hover,.product-nav li.on{background: #013E97;}
.product-nav li:hover a,.product-nav li.on a{ color: #fff;}
.product-nav li:hover::before,.product-nav li.on:before{background: url(../img/icon15.png) no-repeat;}
.product-nav li:hover .i2,.product-nav li.on .i2{display: block;}
.product-list .title{line-height: 2.2vw; margin-bottom: 15px; font-weight: bold;color: #333333; font-size: 1.25vw;}
.product-list .title img{margin-right: 10px; vertical-align: middle; width: 33px;}
.product-list{width: 78%;
    }

.product-list .list-ul li{
    width: 32%;
    background: #FFFFFF;
    margin-bottom: 30px;
    float: left;
    margin-right: 2%;
}
.product-list .list-ul li span{ min-height: 249px; max-height:249px; height:249px;overflow: hidden;}
.product-list .list-ul li span img{display:block; position:relative;top:50%;  transform:translateY(-50%);}

.product-list .list-ul li p{line-height: 3.12vw; padding: 0 10px; text-align: center;font-size: .93vw;}
/*.product-list .list-ul li:hover span img{
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
}*/
.product-list .list-ul li:hover p{ color: #013E97;}
.main-product  .Img{width:25.47vw;  overflow:hidden; }
.main-product  .Img img{display: block; width: 100%; border-radius: 4px; overflow: hidden; }
.main-product{}
.main-product .intro{ width: calc(100% - 25.47vw); padding: 0 4.16vw 0 2.08vw;}
.main-product .intro h1{font-size: 1.45vw; font-weight: bold;
    color: #333333;line-height: 150%; }
.main-product .intro p{ margin-top: 10px; 
    line-height: 180%; }
.main-product .intro b{ color: #004098; margin-top: 1.04vw;}
.main-product .intro li p{ color: #666; margin-right: 2.04vw; }
.product-detail{ margin-top: 2.08vw;}
.detail-title{background: #013E97;height:  4.16vw; line-height:  4.16vw; text-align: center;font-weight: bold; color: #fff; font-size:  1.45vw;}
.detail-content b{ font-size: 1.04vw;}
.detail-content p{ font-size: .93vw; line-height: 160%;margin-top: 1.04vw;  }
.detail-content  img{display: block; margin: 2.04vw auto 0;}
.inMenu{
    width: 100%;
	height: 4.17vw;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06);
    position: relative;
}
.nav_wrap a {position: relative; font-size: 0.94vw; line-height: 4.17vw; display: block; float: left;  min-width:6.77vw; text-align: center;}
.nav_wrap a:hover,.nav_wrap a.on{color: #013E97; font-weight: bold;}
.nav_wrap a::before{content: ''; width: 1.56vw;
    height: .21vw;
    position: absolute; bottom: 0; left: 50%; margin-left: -0.78vw;}
.nav_wrap a.on::before,.nav_wrap a:hover::before{background: #013E97; }
.nav_links ,.nav_links a{line-height: 4.17vw; font-size: 0.73vw; color: #333;}
.nav_links .icon{ display: inline-block;width: 0.83vw;
    height: 0.83vw;background: url(../img/icon8.png) no-repeat center; background-size: 100%; vertical-align: middle; position: relative; top: -2px;}


.caseCont dl{width: 21.51vw; overflow: hidden; float: left;  margin-bottom: 1.31vw; margin-right:1.31vw; background-color: #fff;border-radius: 4px;}
.caseCont dt{width: 100%; height: 13.96vw; position: relative; transition: all .5s;}
.caseCont dd{ width: 100%; height: 4.17vw; line-height: 4.17vw; padding: 0 1vw;font-weight: 500;
    color: #333333; font-size: 1.04vw;}

.caseCont dt span{width: 6.56vw; line-height: 1.88vw;
    height: 1.88vw; color: #fff; font-size: 0.83vw;
    background: #013E97; text-align: center; 
    border-radius: 6px; position: absolute; bottom: 1.04vw; right: 1.04vw;}
.caseCont dl:hover{ box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06);}
.caseCont dl:hover dd a{color: #013E97;}


.main-content2{ padding:3.13vw 0 5vw ;}
.about-name{
    font-weight: bold; position: relative; z-index: 2;
color: #333333; font-size: 2.1875vw; text-align: center; margin-bottom: 2vw;
}
.about-name span{ opacity: .5; font-size: 1.5625vw; display: block;color: #E3E2E2; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; z-index: -1;}
.width1300 {
    width: 68vw;
    margin: 0 auto;
}
.pages{text-align: center; margin-top: 2.2vw;}
.pages a,.pages span{ display: inline-block; width: 2.1vw;
    height: 2.1vw; vertical-align: top;
    background: #F0F0F0;
    border-radius: 0.521vw ;margin: 0 0.42vw; color: #666; font-size: 1.05vw; line-height: 2.1vw; }
.pages i{display: block; width: 100%; height: 100%;}
.page-prev i{ background: url(../img/icon20.png) no-repeat center;}
.page-next i{ background: url(../img/icon19.png) no-repeat center;}
.page-prev:hover i{ background: url(../img/icon17.png) no-repeat center;}
.page-next:hover i{ background: url(../img/icon18.png) no-repeat center;}
.pages a.on,.pages span.on,.pages span.current,.pages a:hover{
   background: #013E97;
   color: #fff;
}
.pages .page-prev:hover,.pages .page-next:hover{ background-color: #fff;}
.marginRight0{ margin-right: 0 !important;}
.honor-type{  text-align: center; }
.honor-type a{ display: inline-block;width: 7.39vw;
    height:2.18vw; margin: 0 15px;
    background: #B3C1D5;
border-radius: 4px;font-size: .93vw;color: #fff; text-align: center; line-height: 2.18vw;}
.honor-type a.act,.honor-type a:hover{ background: #013E97; color: #fff;}
.caseShow li{border-radius: 10px; overflow: hidden; width: 21.35vw; position: relative; margin-top: 1.3vw; margin-right: 1.82vw; float: left;}
.caseShow li span{
    width: 21.35vw; height:  25.93vw;
}
.caseShow li .info{ position: absolute;background: rgba(0,0,0,.5); width: 100%; left: 0 ;bottom: 0; font-weight: 500; color: #fff;
    box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06); height: 4.16vw; padding: 0 1.56vw; font-size: 1.25vw;}
.caseShow li .info img{width: 1.875vw;}
/* 案例详情 */
.caseDetail{ padding: 2.60vw;}
.caseDetail h1{ font-size: 1.25vw; font-weight: bold;line-height: 180%;}
.caseDetail .time{ color: #999;font-size: 0.94vw;margin-top: .8vw;}
.caseInfo{border-top: #EBEBEB 1px solid; margin-top: 2.05vw; padding-top: 1.05vw;}
.caseInfo p{font-size: .84vw; line-height: 180%; margin-top: 1vw; color: #272727;}
.caseInfo img{ display: block; margin: 1.04vw auto;}
.detail-page{ display: flex; justify-content: space-between; margin-top: 3.04vw;}
.detail-page a{
    width: 48.5%;
height: 2.81vw;
background: #F5F5F5;
display: block;
color: #333;
font-size: 0.83vw;
padding: 0 1.04vw;
margin-top: 1.56vw;
line-height: 2.81vw;
display: flex;
align-items: center;
position: relative;border-radius: 4px;

}
.detail-page a span{ display: inline-block; width: 400px; overflow: hidden ; white-space: nowrap;text-overflow: ellipsis;}
.detail-page a i{
    display: inline-block;
    width: 21px;
    height: 9px;
}
.detail-page .a1 i { background: url(../img/icon27.png) no-repeat;}
.detail-page .a2 i { background: url(../img/icon26.png) no-repeat; position: absolute; right: 1.04vw;}
.detail-page .a1 span{ margin-left: 1.03vw;}
.detail-page .a2 span{  margin-left: 1.05vw;}
.detail-page a:hover{background: #182E7A;
    box-shadow: -1px 4px 30px 0px rgba(2,80,63,0.24);color: #fff;}
.detail-page .a1:hover i { background: url(../img/icon24-w.png) no-repeat ;}
.detail-page .a2:hover i { background: url(../img/icon25-w.png) no-repeat;}
/* 关于我们 */
.aboutInfo p{line-height: 180%; margin-bottom: 1.04vw;}
.cultures li{
    width:21.51vw;
height: 14.53vw;
background: #F8F8F8;
border-radius: 10px;
overflow: hidden;
text-align: center;
padding: 0 30px;


}
.cultures li span{
    width: 7.3vw;
height:7.3vw;
background: #013E97;
border-radius: 50%;
position: relative;
 top: -50px;
 display: block;
 margin: 0 auto;
}
.cultures  li span img{width: 2.865vw; height:2.865vw; display: block; position: absolute; bottom: calc(100% - 6.5vw); left: 50%; transform: translateX(-50%);}
.cultures  li em{ margin-top: -25px;font-size: 1.25vw;
    font-weight: bold;
    color: #013E97;
    line-height: 30px;}
.cultures  li p{font-size: 0.9375vw; 
    font-weight: 400; margin: 1.042vw auto 0;
    color: #666666;
    line-height: 180%;}
.culture li{ float: left;width: 33.07vw; margin-bottom: 2.08vw; transition: all .5s ease;
  padding: 1.56vw; margin-right: 1.56vw;
    background: #FFFFFF;box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);}
.culture li:hover{ transform: translateY(-10px);}
.culture li img{width: 9.38vw;}
.culture li .c-txt{
    width: calc(100% - 9.38vw);
    padding-left: 1.30vw;
  

}
.culture li .c-txt em{ position: relative;font-weight: bold; margin-top: .73vw;
    color: #333333; font-size: 1.25vw; line-height: 180%; padding-bottom: .5vw; margin-bottom: .5vw;}
.culture li .c-txt em::before{ content: '';width: 30px;
    height: 3px;
    background: #013E97; position: absolute; bottom: 0; left: 0;}
.culture li .c-txt p{ color: #666; line-height: 160%; font-size: .83vw;}
/* 荣誉资质 */
.honor-list li{width: 21.46vw;border-radius: 10px;box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06); text-align: center; background-color: #fff; float: left; margin-right: 1.67vw; margin-top: 1.56vw; padding: 0.52vw;}
.honor-list li p{font-size: 1.04vw; margin-top: 1.30vw; margin-bottom: 1.04vw;}
.honor-list li:hover p,.honor-list1 li:hover p{ color: #013E97;}
.honor-list li .Img-span{height:27.6vw;}
.honor-list1 li .Img-span{height:22.7vw;}
.honor-list li .Img-span img,.honor-list1 li .Img-span img{position:relative;top:50%;transform:translateY(-50%);}
.Img-span{width: 100%;}
.Img-span img{ display: block;}
.marginR0{margin-right: 0 !important;}
.honor-list1 li{width: 15.78vw;margin-top: 1.56vw; margin-right: 1.62vw; float: left; text-align: center;}
.honor-list1 li .Img-span{border-radius: 10px; padding: 0.52vw; background-color: #fff;}
.honor-list1 li p{font-size: 0.96vw; color: #333; margin-top: 0.52vw; line-height: 180%;}
.expetTeam li{background: #FFFFFF; width: 33.07vw; float: left; margin-right: 1.56vw;
    border-radius: 4px;  padding: 2.08vw  2.08vw 2.08vw 1.04vw; margin-bottom: 1.34vw;}
.expetTeam li span{width: 10.05vw; height: 15vw; }
.expetTeam li .info{margin-left:  1.56vw; width: 18.75vw;}
.expetTeam li .info .name{color: #182E7A; font-weight: bold; font-size:  1.66vw; padding: 1.04vw 0; border-bottom: #eee 1px solid; margin-bottom: .8vw;}
.expetTeam li .info .name em{color: #666666; margin-left:10px; font-size: 1.04vw;font-weight: bold;}
.expetTeam li .info  p{ color: #666; line-height: 180%; font-size: .84vw;}

/* 联系我们 */
.c-way1 li{background: #FFFFFF;box-shadow: 1px 6px 20px 0px rgba(0,0,0,0.05); text-align: center;
width: 21.67vw; height: 14.06vw; margin-top: 6.13vw;}
.c-way1 li i{top: -4.2vw;position: relative; padding: 20px; display: inline-block;box-shadow: 1px 6px 20px 0px rgba(0,0,0,0.05); border-radius: 50%;}
.c-way1 li img{ width: 6.25vw; height: 6.25vw; }
.c-way1 li span{ margin-top: -2vw;font-weight: bold; font-size: 1.15vw;}
.c-way1 li p{ margin-top: 1.1vw; font-size: 1.04vw;}
.map{margin-top: 1.56vw; margin-bottom: 3.65vw;}
.comment{ box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.1); background-color: #fff; padding:2.60vw 1.82vw;}
.comment .left-form{ width: 26.56vw;}
.comment .left-form strong{ font-size: 1.56vw; line-height: 160%;}
.comment .left-form p{ font-size: 0.83vw; font-weight: bold; margin-top: .7vw;}
.comment .left-form .line1{margin-top: 1.04vw; margin-bottom: 1.82vw; background: #013E97; width: 5.21vw; height: 0.21vw;}
.comment .left-form .input-text{border: 1px solid #DDDDDD; font-size: 0.83vw; text-indent: 2em;
    border-radius: 4px; background-color: #fff; margin-bottom: 1.3vw; height: 2.19vw; display: block; width: 24.5vw;}
    .comment .left-form textarea{border: 1px solid #DDDDDD; font-size: 0.83vw; text-indent: 2em;
        border-radius: 4px; background-color: #fff; margin-bottom: 1.3vw; height:6.77vw; padding-top: .8vw; display: block; width: 24.5vw;}
.submit-btn{width: 6.25vw;
    height: 1.98vw; border: none;
    background: #013E97; transition: all .5s; 
    border-radius: 19px; color: #fff; font-size: 0.83vw;}
.submit-btn:hover{box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.1);text-decoration: underline; }
.right-img{width: 33.91vw;}
.right-img img{width: 100%;}

.job{ width: 100%; position: relative; margin-top: 40px;box-shadow: 0px 4px 10px 0px rgba(6,0,31,0.1);}
.job>img{ position: absolute;left: 50%; margin-left: -30px; top: 0;}
.job ul{ margin: 0 auto;}
.jobTxt{height: 60px;background: #013E97;width: 100%; margin: 0 auto; color: #fff; line-height: 60px;}
.jobTxt span,.jobList .div1 span{display: block; float: left; font-size: 16px; text-align: center; width: 20%;}
.jobList .div1{height: 70px; line-height: 70px;}
.jobList{background: #fff;}
.jobList .div2{ padding: 0 70px 50px;border-top: #f0eeee 1px solid; display: none; }
.jobList .div2 .title{ margin-top: 20px; font-size: 16px; margin-bottom: 10px; color: #333;}
.jobList .div2 p{  line-height:36px; color: #666; font-size: 16px;}
.jobList .div2 a{margin-top: 30px; width: 210px; height: 50px; background: #1c3e2e;color: #fff; font-size: 14px; display: block; text-align: center; line-height: 50px;}
.jobList li{ border-bottom: #ededed 1px solid;}
.jobList .div2 a:hover{ background: #013E97;}
.add{ cursor: pointer; color: #013E97;}
.jobList .div2 p>strong{ font-size: 18px; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; color: #013E97;}

.jobList .div2 p>strong::before{content: '';width: 30px;
    height: 2px;
    background: #013E97; position: absolute; bottom: 0; left: 0;}
.jobList .div2 p.color1{ color: #013E97; font-size: 20px;}
.jobList li .div2{ display: none;}
.jobList li:first-child .div2{ display: block;}
.news-list li{background: #FFFFFF; margin-bottom: 20px;
    
    border-radius: 3px; padding: 20px;}
/* .news-list li:hover{box-shadow: 2px 6px 20px 0px rgba(0,0,0,0.1);} */
.news-list li a{ display: flex;}
.news-list li a .Img{
    width: 18.07vw;
    height: 10.31vw;border-radius: 3px;
    overflow: hidden;
}
.news-list li a .text{width: calc(100% - 18.07vw); padding-left: 1.56vw;padding-top: 1.04vw;} 


.news-list li a .text  .p1{font-size: 1.04vw;font-weight: bold;color: #333333;
    line-height:  160%;}
.news-list li a .text  .p2{font-size: .94vw;color: #999999;
    line-height: 180%; margin-top: .5vw;}

.news-list li a .text  .time {
    color: #999; font-size: 14px;
}
.news-list li a .text .detail{ color: #013E97;font-size: 14px;}
.news-list li a .text .detail i{    width: 24px;
    margin-left: 10px;
    transition: all .3s;
    height: 0.52vw;
    width: 0.94vw;
    display: inline-block;
    background: url(../img/ico15.png); background-size: 100%;
}
.news-list li a .text .date{ margin-top: 1.5vw;}

.news-list li:hover .text .p1{color: #013E97;}

.detail h1{ font-size: 2.08vw; color: #333333;
    line-height: 160%; margin-bottom: 2vw;}
.detail .tips span{font-size: 18px; color: #666;margin-right: 3.12vw;}
.detail .intros p{
    line-height: 180%;  
    font-size: 0.93vw;
    color: #666;
    margin-top: 1.04vw
}
.detail .intros img{ display: block; margin: 0 auto;max-width: 800px;}

.detail .tips{ padding-bottom: 40px; border-bottom: #ECECEC 1px solid;}

/* 大事记 */
.result .swiper{
    margin-top: 40px;
}
.result .swiper .swiper-slide{
    padding: 60px 30px 83px;
    font-size: 20px;
    text-align: center;
}
.result .swiper .swiper-slide::after{
    content: '';
    width: 20px;
    height: 20px;
    background: #999999;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    /* top: 50%;
   
    transform: translate(-50%,-50%); */
}
.result .swiper .swiper-slide-active::before{
 /*   content: '';
    width: 100%;
    height: 6px;
 background: linear-gradient(90deg, #D3D6D4, #B1B1B1);
background: #b1b1b1;
position: absolute;
top: 69px;
z-index: 1; */
/* content: '';
    height: 6px;
    background: linear-gradient(90deg, #FFFFFF, #F5BABF, #E40D15);
    position: absolute;
    top: 69px;
    width: 100%; */

}
.result .swiper .swiper-slide span{
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 3;
}
.result .swiper .swiper-slide:nth-child(2n) span{
    top: auto;
    bottom: 0;
}
.result .arrow{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    top: 145px;
    box-shadow: -1px 4px 30px 0px rgba(28,34,102,0.14);
    border-radius: 50%;
}
.result{ position: relative; padding: 65px 100px 0;}
.result .button-next2{ background: url(../img/next1.png) no-repeat; right: 0;} 
.result .button-prev2{ background: url(../img/prev1.png) no-repeat; left: 0;} 
.result .button-next2:hover{ background: url(../img/next1-r.png) no-repeat;} 
.result .button-prev2:hover{ background: url(../img/prev1-r.png) no-repeat; } 
.result .swiper .swiper-slide-active span{
    background: url(../img/ico16.png) no-repeat;
    width: 129px;
    height: 142px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 142px;
    font-size: 36px;
    color: #fff;
}
/* .swiper::before{
    content: '';
    background: url(../img/ico13.png) no-repeat; 
    width: 129px;
    height: 142px;
    left: 50%;
    position: absolute;
    margin-left: -65px;
     z-index: 2; 
} */
.swiper::after{
    width: 100%;
    content: '';
    height: 6px;
    /* background: linear-gradient(90deg, #D3D6D4, #B1B1B1); */
    background: #b1b1b1;
    position: absolute;
    top: 69px;
    z-index: -1;
}
.result .swiper .swiper-slide-active::after{display: none;}
.result .year{
    font-size: 14.6875vw;
    font-weight: bold;
    color: #c5c4c4;
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    opacity: .1;
}
.mySwiper2{margin-top: 60px; overflow: hidden;}
.mySwiper2 .swiper-slide{
    
}
.mySwiper2 .swiper-slide>div{
    font-size: 18px;
    line-height: 180%;
    /* width: 631px; */
    margin: 0 100px;
    text-align: center;
}
.mySwiper2 .swiper-slide>div p{margin-bottom: 20px;  line-height: 160%;  color: #333; font-size: 20px;}
.navbar{background: #013E97; position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%;z-index: 1005; padding-top: 4.17vw;padding-left: 9.38vw; padding-right: 8.33vw;}
/* .navShow { padding-top: 2.60vw;} */
.navShow ul{width: 52.08vw;}
.navShow ul li{
     margin-top: 4.17vw; min-width: 8.85vw;
     font-size: 1.15vw;color: #fff;  float: left; margin-right: 7.29vw;
}
.navShow ul li span{ margin-bottom: 1.56vw; }
.navShow ul li a{ color: #fff; font-size: 14px;opacity: 0.7; line-height: 220%;}
.navTitle{margin-top: 4.6vw;}
.navTitle h2{font-size: 4.69vw;font-weight: 400; line-height:60%;
    color: #FFFFFF; font-weight: bold;}
.navTitle>div{font-size: 1.04vw; margin-top: 3.08vw; color: #fff; padding-left:3.2vw; position: relative;}
.navTitle>div::before{content: ''; width: 2.34vw;height: 2px;
    background: #FFFFFF; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}




.news-swiper .swiper-slide:hover .img-box img,.caseCont dl:hover dt,.caseShow li:hover span,.indexCy li:hover img{ transform: scale(1.06);}

.transtion6,.news-swiper .swiper-slide:hover .img-box img,.product-list .list-ul li span img,.indexCy li img{    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}